<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://www.icesoft.com/icefaces/component" prefix="ice"%>
<html>
	<head>
		<%@include file="./general/head.jsp" %>
		<script type="text/javascript" src="../estilos/js/scripts.js"></script>
		<script type="text/javascript">
			function inactivarCampos() {
				var fechaIniPeriodo = document.getElementById('formulario:fechaInicioPeriodo_calendarInputtext');
				if (fechaIniPeriodo != undefined) {
					fechaIniPeriodo.readOnly = true;
				}
				
				var fechaFinPeriodo = document.getElementById('formulario:fechaFinalPeriodo_calendarInputtext');
				if (fechaFinPeriodo != undefined) {
					fechaFinPeriodo.readOnly = true;
				}
				
				var fechaIniAplicacion = document.getElementById('formulario:fechaInicioApl_calendarInputtext');
				if (fechaIniAplicacion != undefined) {
					fechaIniAplicacion.readOnly = true;
				}
				
				var fechaIniAplicacion = document.getElementById('formulario:fechaFinalApl_calendarInputtext');
				if (fechaIniAplicacion != undefined) {
					fechaIniAplicacion.readOnly = true;
				}
			}
		</script>
	</head>
	<body class="body" onload="inactivarCampos();">
		<table width="800" border="0" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
			  
			<tr>
				<td valign="top" align="center">
		    		<%@include file="./general/head2.jsp"%>
				</td>
	  		</tr>

			<tr>
				<td valign="top" align="center">
					<ice:form id="formulario">
						<f:view>
							<!-- CARGA EL ARCHIVO DE ETIQUETAS -->
							<f:loadBundle basename="co.com.coomeva.adminEvaluacion.properties.etiquetas" var="etiqueta" />
							
							<ice:panelCollapsible expanded="true" toggleOnClick="true" style="width: 680px">
								
								<!-- TITULO -->
								<f:facet name="header">
									<ice:outputText value="#{etiqueta.title_PeriodoEvaluacion}" />
								</f:facet>
								<br />
								
								<!-- ETIQUETAS Y CAMPOS -->
								<ice:panelGrid columns="2">
									<ice:outputText value="#{etiqueta.lb_consPeriodo} " rendered="#{periodoEvaluacionBean.visibleCodigo}" />
									<ice:inputText rendered="#{periodoEvaluacionBean.visibleCodigo}" disabled="true" id="codigo" value="#{periodoEvaluacionBean.consPeriodo}" size="30" maxlength="10" />
								
									<ice:outputText value="#{etiqueta.lb_fechaInicialPeriodo} (*)   " />
									<ice:selectInputDate id="fechaInicioPeriodo"
										popupDateFormat="#{periodoEvaluacionBean.formatoFecha}"
										value="#{periodoEvaluacionBean.fechaInicial}"
										renderAsPopup="true"
										converter="customDateConverter"
										renderMonthAsDropdown="true"
										renderYearAsDropdown="true"
										onkeydown="inactivarCampos(); return false;">
									</ice:selectInputDate>
									
									<ice:outputText value="#{etiqueta.lb_fechaFinalPeriodo} (*)   " />
									<ice:selectInputDate id="fechaFinalPeriodo"
										popupDateFormat="#{periodoEvaluacionBean.formatoFecha}"
										value="#{periodoEvaluacionBean.fechaFinal}"
										renderAsPopup="true"
										converter="customDateConverter"
										renderMonthAsDropdown="true"
										renderYearAsDropdown="true"
										onkeydown="inactivarCampos(); return false;">
									</ice:selectInputDate>
									
									<ice:outputText value="#{etiqueta.lb_fechaInicialApl} (*)   " />
									<ice:selectInputDate id="fechaInicioApl"
										popupDateFormat="#{periodoEvaluacionBean.formatoFecha}"
										value="#{periodoEvaluacionBean.fechaInicAplicacion}"
										renderAsPopup="true"
										converter="customDateConverter"
										renderMonthAsDropdown="true"
										renderYearAsDropdown="true"
										onkeydown="inactivarCampos(); return false;">
									</ice:selectInputDate>
									
									<ice:outputText value="#{etiqueta.lb_fechaFinalApl} (*)   " />
									<ice:selectInputDate id="fechaFinalApl"
										popupDateFormat="#{periodoEvaluacionBean.formatoFecha}"
										value="#{periodoEvaluacionBean.fechaFinAplicacion}"
										renderAsPopup="true"
										converter="customDateConverter"
										renderMonthAsDropdown="true"
										renderYearAsDropdown="true"
										onkeydown="inactivarCampos(); return false;">
									</ice:selectInputDate>
									
									<ice:outputText value="#{etiqueta.lb_descripcionPeriodoEval} (*)   " />
									<ice:inputText id="descripcion" value="#{periodoEvaluacionBean.descripcion}" size="30" maxlength="50" />
									
									<ice:outputText value="#{etiqueta.lbl_nombreUnidadNegocio} (*)   "/>
									<ice:selectOneMenu value="#{periodoEvaluacionBean.consUnidadNegocio}">
										<f:selectItems value="#{periodoEvaluacionBean.unidadesNegocioItems}" />
									</ice:selectOneMenu>
									
								</ice:panelGrid>
								<ice:panelGrid>
								<br />
								<i>
								   <ice:outputText value="#{etiqueta.lbl_obligatorio}"/>
								</i>
								</ice:panelGrid>
								<br />
								
								<!-- BOTONES -->
								<ice:panelGrid columns="5">
									<ice:commandButton value="#{etiqueta.btn_Guardar}"
										actionListener="#{periodoEvaluacionBean.crear}"
										disabled="#{periodoEvaluacionBean.inactivarGuardar}"
										onclick="if(!confirm('Realmente desea crear este registro?')){ return false; };" />
									 
									<ice:commandButton value="#{etiqueta.btn_Consultar}"
										actionListener="#{periodoEvaluacionBean.consultar}"
										disabled="#{periodoEvaluacionBean.inactivarConsultar}" />
									<!--
									<ice:commandButton value="#{etiqueta.btn_Actualizar}"
										actionListener="#{accionBean.actualizar}"
										disabled="#{accionBean.inactivarActualizar}"
										onclick="if(!confirm('Esta seguro que desea actualizar los datos de la accion?')){ return false; };" />
									-->
									
									<ice:commandButton value="#{etiqueta.btn_Eliminar}"
										actionListener="#{periodoEvaluacionBean.eliminar}"
										disabled="#{periodoEvaluacionBean.inactivarEliminar}"
										onclick="if(!confirm('Esta seguro que desea eliminar este registro?')){ return false; };" />
									
									<ice:commandButton value="#{etiqueta.btn_Limpiar}" action="#{periodoEvaluacionBean.limpiar}"> 
									</ice:commandButton>
								</ice:panelGrid>
								
								<!-- MENSAJE DE ERROR DE CONVERSION -->
								<ice:messages visible="true" style="color:red;" />

								<!-- TABLA DE RESULTADOS DE CONSULTA -->
								<ice:dataTable rows="10" id="dataPeriodo" var="periodo"
									value="#{periodoEvaluacionBean.listDatos}" border="1" width="620"
									rendered="#{periodoEvaluacionBean.resultadoConsulta}">
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_consecutivo}" />
											</strong>
										</f:facet>
										<ice:commandLink value="#{periodo.consPeriodo}"
											styleClass="linkTabla" action="#{periodoEvaluacionBean.cargarDatos}">
											<f:param value="#{periodo.consPeriodo}" name="consecutivo" />
										</ice:commandLink>
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_fechaInicial}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{periodo.fechaInicial}" >
											<f:convertDateTime pattern="dd-MM-yyyy" />
										</ice:outputText>
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_fechaFinal}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{periodo.fechaFinal}">
											<f:convertDateTime pattern="dd-MM-yyyy" />
										</ice:outputText>
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_fechaIniAplicacion}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{periodo.fechaInicAplicacion}" >
											<f:convertDateTime pattern="dd-MM-yyyy" />
										</ice:outputText>
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_fechaFinAplicacion}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{periodo.fechaFinAplicacion}" >
											<f:convertDateTime pattern="dd-MM-yyyy" />
										</ice:outputText>
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_descripcionPeriodo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{periodo.descripcion}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_codigoUnidNegocio}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{periodo.consUnidadNegocio}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_UnidNegocio}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{periodo.nombre}" />
									</ice:column>
									
								</ice:dataTable>
								<br />
								
								<!-- PAGINADOR -->
								<ice:dataPaginator id="dataScroll_1" for="dataPeriodo"
									paginator="true" fastStep="3" paginatorMaxPages="4"
									rendered="#{periodoEvaluacionBean.resultadoConsulta}">
									<f:facet name="first">
										<ice:graphicImage url="../estilos/imagenes/arrow-first.gif"
											style="border:none;" title="#{etiqueta.title_PrimeraPagina}" />
									</f:facet>
									<f:facet name="last">
										<ice:graphicImage url="../estilos/imagenes/arrow-last.gif"
											style="border:none;" title="#{etiqueta.title_UltimaPagina}" />
									</f:facet>
									<f:facet name="previous">
										<ice:graphicImage url="../estilos/imagenes/arrow-previous.gif"
											style="border:none;" title="#{etiqueta.title_PaginaAnterior}" />
									</f:facet>
									<f:facet name="next">
										<ice:graphicImage url="../estilos/imagenes/arrow-next.gif"
											style="border:none;" title="#{etiqueta.title_ProximaPagina}" />
									</f:facet>
									<f:facet name="fastforward">
										<ice:graphicImage url="../estilos/imagenes/arrow-ff.gif"
											style="border:none;" title="#{etiqueta.title_AvanceRapido}" />
									</f:facet>
									<f:facet name="fastrewind">
										<ice:graphicImage url="../estilos/imagenes/arrow-fr.gif"
											style="border:none;" title="#{etiqueta.title_RetornoRapido}" />
									</f:facet>
								</ice:dataPaginator>
							</ice:panelCollapsible>

						</f:view>
					</ice:form>
				</td>
			</tr>
			<tr>
				<td>
					<%@include file="./general/footer.jsp" %>
				</td>
			</tr>
		</table>
		<%@include file="mensaje.jsp"%>
	</body>
</html>
